<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Vue监测数据改变的原理_对象</title>
    <!--引入vue-->
    <script type="text/javascript" src="../js/vue.js"></script>
   </head>

<body>
    <!--准备好一个容器-->
    <div id="root">
  <h2>学校名称：{{name}}</h2>
  <h2>学校地址：{{address}}</h2>  
    </div>
</body>
<script type="text/javascript">
    Vue.config.productionTip = false  //阻止vue在启动时生成使用生产版本提示。

  const vm =  new Vue({
      el:'#root',
      data:{
        name:'天津大学',
        address:'卫津路92号',
        student:{
          name:'tom',
          age:{
            rAge:30,
            sAge:25
          },
          fridends:[
            {name:'jerry',age:35},            
            ]          
        }
      }
    })
</script>
</html>
